@import '@terminus/nusi-slim/es/style/index.less';

.leftPanel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.leftPanelHeader {
  height: 48px;
  line-height: 48px;
  padding: 0 16px 0 12px;
  border-bottom: 1px solid @middle-6;

	display: flex;
	align-items: center;
	justify-content: space-between;

	// 防止左侧栏收起时，宽度变化导致样式错乱
	width: 240px;

	.leftPanelHeaderTitle {
		display: flex;
		align-items: center;
		gap: 8px;
		font-size: 16px;
	}

	:global {
		.ant-radio-button-wrapper {
			padding: 0 !important;
			height: 24px !important;
		}
	}

	.leftPanelHeaderIcon {
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.leftPanelContent {
	flex: 1;

	.leftPanelContentItem {
		display: none;

		&.active {
			display: block;
		}
	}
}